
 html {
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
   } 
  
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
   }
   :before,
   :after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
   }

   body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.42857143;
    color:#333;
    background-color:#fff;
    margin: 0; 
   }
   a {
    color:#000000;
    text-decoration:none
   }
   a:hover,a:focus {
    text-decoration:underline
   }
   a:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
   }
   figure {
    margin:0
   }
   
   img {
    vertical-align:middle;
    border:0
   }
   
   .small {
    font-size:85%
   }

  
   @media (min-width:768px) {
   .container {
      padding-right:15px;
      padding-left:15px;
      margin-right:auto;
      margin-left:auto;
      width:750px;
    }
   }
   @media (min-width:992px) {
      .container {
      width:970px
    }
   }
   @media (min-width:1200px) {
      .container {
      width:1170px
    }
   }
  
   .row {
    margin-right:-15px;
    margin-left:-15px
   }

   .col-md-1,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,
   .col-md-9,.col-md-10,.col-md-11,.col-md-12{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
   }

   @media (min-width:992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
     float:left
    }
      .col-md-12 {
      width:100%
      }
    .col-md-11 {
     width:91.66666667%
    }
    .col-md-10 {
     width:83.33333333%
    }
    .col-md-9 {
     width:75%
    }
    .col-md-8 {
     width:66.66666667%
    }
    .col-md-7 {
     width:58.33333333%
    }
    .col-md-6 {
     width:50%
    }
    .col-md-5 {
     width:41.66666667%
    }
    .col-md-4 {
     width:33.33333333%
    }
    .col-md-3 {
     width:25%
    }
    .col-md-2 {
     width:16.66666667%
    }
    .col-md-1 {
     width:8.33333333%
    }
    
    .col-md-offset-5 {
     margin-left:41.66666667%
    }
   
  
   .naw {
    padding-left:0;
    margin-bottom:0;
    list-style:none;
   }
   .naw>li {
    position:relative;
    display:block;
    
   }
   .cool{
      display: flex;
   }
   
   li ::marker{
      list-style: none;
      display: block;
   }


   .naw>li>a {
      list-style: none;
    position:relative;
    display:block;
    padding:10px 15px
   }
   .naw>li>a:hover{
    text-decoration:underline;
    background-color:rgb(240, 207, 207)
   }
  
   .naw>li.disabled>a:hover,
   .naw>li.disabled>a:focus {
    color:#777;
    text-decoration:none;
    cursor:not-allowed;
    background-color:transparent
   }
   .naw .open>a,
   .naw .open>a:hover,
   .naw .open>a:focus {
    background-color:#eee;
    border-color:#428bca
   }
   .naw .nav-divider {
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
   }
   
   .nav-tabs {
    border-bottom:1px solid #ddd
   }
   .nav-tabs>li {
    float:left;
    margin-bottom:-1px
   }
   .nav-tabs>li>a {
    margin-right:2px;
    line-height:2;
    border:1px solid transparent;
    border-radius:10px 10px 0 0
   }
   
   .nav-tabs>li.active>a,
   .nav-tabs>li.active>a:hover
    {
    color:#555;
    cursor:default;
    background-color:#fff;
    border:1px solid #ddd;
    border-bottom-color:transparent
   }
   
   .nav-stacked>li {
      float:none
   }
   .nav-stacked>li+li {
    margin-top:2px;
    margin-left:0
   }
  


   /* 重点 */
   /* .tab-content>.tab-pane {
    display:none;
    visibility:hidden
   }
   .tab-content>.active {
    display:block;
    visibility:visible
   } */

   
   .nav-tabs {
    margin-top:-1px;
    border-top-left-radius:0;
    border-top-right-radius:0
   }
}
  

  
  